/*-------------------------------------------------button------------------------------------*/

.btn{
	@include bor-r();
	@include alink();
	@extend .shadow;
	@extend .plr16;
	@extend .ptb8;
	display: inline-block;                
	border: none;
	color: #fff;
	font-weight: bold;
	cursor:pointer;
}
.btn[disabled='disabled']{
	background-color: $base_color !important;
	color: $grey_d;
	cursor: default;
}
.btn-s{
	@include bor-r();
	@include alink();
	@extend .shadow;
	@extend .plr8;
	@extend .ptb4;
	display: inline-block;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor:pointer;
}
.btn-flex{
	@extend .ptb8;
	// line-height: 36px;
	border: none;
	display: block;
	text-align: center;
	font-weight: bold;
}
.btn-flex-s{
	@extend .btn-s;
	display: block;
	text-align: center;
	font-weight: normal;
}

.btn-tp{
	@include tp();
	// color: $blue_d;
	// &:hover{
	// 	color: $yellow_d;
	// }
}

.btn-hollow{
	@include alink();
	@include bor-r();
	@include tp();
	@extend .plr16;
	@extend .ptb8;
	border: solid 1px;
}

.menu-f{
	display: inline-block;
	position: relative;
	line-height:0;
	&>ul{
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index:888;
	}
	&>svg{
		cursor:pointer;
	}
}
.btn-round{
	@include bor-r(50%);
	@extend .shadow;
	display: inline-block;
	height: 56px;
	width: 56px;
	line-height:50px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	border: none;
	cursor: pointer;
}
.btn-round40{
	@extend .btn-round;
	height: 40px;
	width: 40px;
	line-height:34px;
	font-size: 20px;
}

.btn-gif-w{
	color:transparent!important;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/5-121204193934-51.gif);
}
.btn-gif-ok{

}

.circle56{
    display: inline-block;
    height: 56px;
    width: 56px;
    border: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.circle56>img{
    width: 100%;
    height: 100%;
}

.circle40{
    display: inline-block;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.circle40>img{
    width: 100%;
    height: 100%;
}